<template>
	<div class="ui-footer-bar">
		<slot></slot>
		<div v-html="styles"></div>
	</div>
</template>

<script>
export default {
	name: 'footerBar',
	data() {
		return {
			styles: '<style>.ui-layout-body {padding-bottom: 80px !important;}</style>'
		}
	},
	mounted() {
		
	},
	methods: {
		
	}
}
</script>

<style>
.ui-footer-bar {
	position: fixed;
	left: 200px;
	bottom: 0;
	padding: 10px 20px;
	width: 100%;
	height: 60px;
	text-align: center;
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, .1);
	background-color: #fff;
	z-index: 9;
}
</style>